<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>UI自动化测试运行结果</title>
    <style>
        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: auto;
            border: 1px solid black;
        }
        th {
            text-align: center;
            padding: 8px;
            color: black;
        }
        tr {
            background-color: #f2f2f2;
        }
        td:nth-child(1) {
            background-color: #1bd0d6;
            color: black;
            text-align: center;
            padding: 8px;
            font-weight: bold;
        }
        td:nth-child(2) {
            background-color: #7ef542;
            color: black;
            text-align: center;
            padding: 8px;
            font-weight: bold;
        }
        td:nth-child(3) {
            background-color: #aeb8b9ad;
            color: black;
            text-align: center;
            padding: 8px;
            font-weight: bold;
        }
        td:nth-child(4) {
            background-color: #f54242;
            color: white;
            text-align: center;
            padding: 8px;
            font-weight: bold;
        }
        td:last-child {
            text-align: center;
            color: black;
            background-color: #f2f211f0;
            font-weight: bold;
        }
        .div {
            margin-top:10px;
            margin-bottom:0px
        }
    </style>
</head>
<body>
<h2>UI自动化测试运行结果</h2>
<table>
    <thead>
    <tr>
        <th style="background-color: #1bd0d6;">用例总数</th>
        <th style="background-color: #7ef542;">成功用例数</th>
        <th style="background-color: #aeb8b9ad;">跳过用例数</th>
        <th style="background-color: #f54242;">失败用例数</th>
        <th style="background-color: #f2f211f0;">失败率</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>10</td>
        <td>11</td>
        <td>11</td>
        <td>11</td>
        <td>12%</td>
    </tr>
    </tbody>
</table>
<div>
    <br>
    <strong>
        <span>请下载附件output.zip，以获取详细测试报告</span>
    </strong>
    <br>
    <div class="div">
        <em>
            <span>&nbsp&nbsp</span>
            <span>☆☆ 按照以下步骤，可打开详细测试报告：</span>
        </em>
        <p>
            <small>
                <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                <span>1、在电脑本地安装allure工具；</span><br>
                <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                <span>2、进入附件output目录，打开report文件夹；</span><br>
                <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                <span>3、双击程序“双击查看报告.bat”，稍等片刻即可查看报告。</span><br>
            </small>
        </p>
    </div>
    <div class="div">
        <em>
            <span>&nbsp&nbsp</span>
            <span>☆☆ 如需播放测试用例追踪文件（trace.zip），请前往如下网页：</span>
            <a href="https://trace.playwright.dev/" target="_blank">https://trace.playwright.dev/</a>
        </em>
        <p>
            <small>
                <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                <span>在该页面中点击“Select file”按钮，并选择output/trace_viewer/目录下，对应用例文件夹中的trace.zip文件即可。</span>
            </small>
        </p>
    </div>
</div>
</body>
</html>